<%--
  Created by IntelliJ IDEA.
  Date: 2025/6/25
  Time: 14:36
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<html>
<head>
    <title>组织添加</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <style>
        .form-container {
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            padding: 30px;
            max-width: 600px;
            margin: 30px auto;
        }
        .header {
            background-color: #4e73df;
            color: white;
            padding: 15px 0;
            border-radius: 10px 10px 0 0;
            margin-bottom: 20px;
        }

    </style>
</head>
<body class="bg-light">
<div class="container">
    <div class="header text-center">
        <h2><i class="bi bi-person-plus"></i> 组织添加</h2>
    </div>

    <div class="form-container">
        <form action="${pageContext.request.contextPath}/organization/add" method="post" >
            <div class="mb-3">
                <label for="userid" class="form-label">用户ID</label>
                <input type="text" class="form-control" id="userid" name="userid" required>
            </div>

            <div class="mb-3">
                <label for="logo" class="form-label">组织Logo</label>
                <input type="file"  accept="image/jpeg,image/png,image/gif" class="form-label" id="logo" name="logo" required>
            </div>

            <div class="mb-3">
                <label for="org_name" class="form-label">组织名称</label>
                <input type="text" class="form-label" id="org_name" name="org_name" required>
            </div>

            <div class="mb-4">
                <label for="org_type" class="form-label">组织类型</label>
                <select class="form-label" id="org_type" name="org_type" >
                    <option value="">-- 请选择组织类型 --</option>
                    <option value="公益组织">公益组织</option>
                    <option value="企业">企业</option>
                    <option value="学校">学校</option>
                    <option value="政府机构">政府机构</option>
                    <option value="其他">其他</option>
                </select>
            </div>

            <div class="mb-3">
                <label for="contact_phone" class="form-label">联系电话</label>
                <input type="text" class="form-label" id="contact_phone" name="contact_phone" required>
            </div>

            <div class="mb-3">
                <label for="address" class="form-label">地址</label>
                <input type="text" class="form-label" id="address" name="address" required>
            </div>

            <div class="mb-3">
                <label for="description" class="form-label">组织描述</label>
                <textarea class="form-control" id="description" name="description" rows="3" required></textarea>
            </div>

            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                <a href="${pageContext.request.contextPath}/organization/list" class="btn btn-secondary me-md-2">
                    <i class="bi bi-arrow-left"></i> 返回
                </a>
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-circle"></i> 提交
                </button>
            </div>
        </form>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>